<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta
			name="viewport"
			content="width=device-width,initial-scale=1,user-scalable=0"
		/>
		<title>personal</title>
		<!-- 引入 WeUI CDN 链接 -->
		<!-- 
		 <link
			rel="stylesheet"
			href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"
		/> -->
		<!-- <script
			src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"
			charset="utf-8"
		></script> -->
	</head>
	<body>
		<main class="flex">
			<!-- header -->
			<header class="bgblue">
				<h1 class="fm cwhite tcenter">
					<span
						class="iconfont icon-zuojiantou_huaban f20 fl"
						id="backBtn"
					></span>
					个人资料
				</h1>
			</header>

			<div class="weui-cells" id="container">
				<!-- 更换头像 -->
				<div class="weui-cell weui-cell_active weui-cell_access">
					<div class="weui-cell__bd">
						<span>更换头像</span>
					</div>
					<span class="weui-cell__ft">
						<label>
							<img
								src="../../assets/imgs/avatar.jpg"
								class="avatar"
								alt=""
								id="avatarPic"
							/>
							<input type="file" class="head-pic" id="picFile" />
						</label>
						<!-- <img
							src="../../assets/imgs/avatar.jpg"
							class="avatar"
							alt=""
							id="avatarPic"
						/>
						<input type="file" class="head-pic" id="picFile" /> -->
					</span>
				</div>
				<!-- 昵称 -->
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>昵称</span>
					</span>
					<input type="text" id="nickName" />
				</div>
				<!-- 性别 -->
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>性别</span>
					</span>
					<span class="weui-cell__ft" id="showSex">请选择性别</span>
				</div>
				<!-- 生日 -->
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>生日</span>
					</span>
					<span class="weui-cell__ft" id="showBirthday">详细信息</span>
				</div>
				<!-- 所在省份 -->
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>所在省份</span>
					</span>
					<span class="weui-cell__ft" id="showProvince">详细信息</span>
				</div>
				<!-- 所在城市 -->
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>所在城市</span>
					</span>
					<span class="weui-cell__ft" id="showCity">详细信息</span>
				</div>
				<!-- 个人简介 -->
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>个人简介</span>
					</span>
				</div>
				<div class="weui-cell weui-cell_active">
					<div class="weui-cell__bd" id="introduce">
						<textarea
							class="weui-textarea"
							placeholder="请描述你所发生的问题"
							rows="3"
							id="intro"
						></textarea>
						<div class="weui-textarea-counter">
							<span id="number">0</span>/200
						</div>
					</div>
				</div>
			</div>

			<button type="button" class="weui-btn weui-btn_default" id="saveMsg">
				保存信息
			</button>
		</main>
	</body>
</html>
